推薦序1 鴻海科技集團 樂養健事業群 整合行銷處資深經理 蔡正潔?? ?

推薦序2 ? ?世紀奧美公關創辦人 丁菱娟 ?? ??? ??? ??? ??? ??? ?



前言 什麼是資訊圖表？?? ??? ??? ??? ??? ??? ??? ??? ?



PART 1 資訊圖表的原理和概念

1-1 資訊的影響力——為什麼資訊的傳遞和溝通這麼重要？?? ??? ? ? ? ? ?

1-2 資訊揭露的效力——只是改變資訊結構就能夠推動變革？?? ? ? ? ? ? ? ? ? ? ? ? ?

1-3 資訊溝通的好幫手——為什麼要把資訊視覺化？?? ??? ??? ? ? ? ? ? ?

1-4 資訊視覺化的應用——面對看不到的難題可以怎麼做？?? ??? ? ? ? ? ? ?

1-5 做出資訊圖表的三個核心策略——「吸引」、「理解」與「行動」 ??? ? ? ? ? ? ?

1-6 五個設計大師的不說法則——掌握「記憶點」、「資訊層次」、「視覺動線」、「顏色運用」與「互動性」?? ? ? ? ? ? ? ? ? ? ? ??

1-7 常見資訊圖表類型——以「應用形式」與「版面配置」分類 ?? ??? ? ? ? ? ? ?



PART 2 ?如何做出好的資訊圖表

2-1 設定溝通目的、溝通對象及溝通主題——以「虛擬蛀牙防治案件」、環境資訊協會「減少一次性使用物品」為例

2-2 時間規劃——以「台灣水果年曆海報」為例?? ??? ??? ??? ??? ??? ?

2-3 研究溝通對象及資訊內容——以「台灣各縣市薪資所得觀察」、「十大癌症時鐘報告書」、「茶的兩種發音（te�chya）」為例?? ??? ??? ??? ??? ? ? ? ? ? ?

2-4 設計資訊結構——以「中區國稅局報稅指南」、「『食我』美食APP之業務介紹」為例?? ? ? ? ? ?

2-5 設計規劃——以「台灣溫室氣體排放清冊」、「丹麥女孩：史上第一個進行跨性別手術的女性故事」為例?? ? ? ? ?

2-6 設計製作——以「行動商機趨勢-CHASE策略聯盟邀請函」為例?? ??? ??? ??? ? ? ? ??

2-7 測試與調整——?? ?以「Info2Act之正確認識ADHD」為例?? ?

?? ??? ??? ??? ??? ??? ? ? ? ? ?

PART 3 ?原來！他們都這樣做

3-1 Info2Act——醫學領域資訊設計之經驗分享 ?? ??? ??? ??? ? ? ??

3-2 林辰峰——紐約時報及華盛頓郵報實習經驗分享 ?? ??? ??? ? ? ?

3-3 李怡志——台灣媒體的資訊視覺化大環境觀察?? ??? ??? ??? ? ? ??

3-4 劉家瑋——Re-lab設計師資訊圖表製作經驗分享?? ??? ??? ? ? ??

3-5 吳培弘——資訊圖表製作之經驗分享?? ??? ??? ??? ? ? ?? ? ? ??

3-6 Kartz Media Works——資訊圖表的面面談：評析、製作、趨勢?? ? ?



SPECIAL FEATURE 特別收錄

Re-lab日常——資訊圖表設計師的必備工具

推薦序1



Re-lab，一群有讓世界變得有條理、有價值的故事家！

鴻海科技集團 樂養健事業群 整合行銷處資深經理 蔡正潔



　　為了一個能用自己設計的價值做些改變的念頭，從原本做了十幾年的消費性電子產業轉換到醫療健康產業，一心想將醫療體驗提升讓更多人對健康訊息產生興趣而能更了解自己也能擴及幫助他人。我開始找尋有什麼樣的方式，讓平常連五分鐘都不肯跟病人好好說的醫生們，以及聽醫生說了一個小時還是聽不懂艱的病患們，能在不同的頻道上對接到彼此的訊號，透過什麼樣的形式能讓醫界、學界、產業界能夠將想要傳達的理念對外溝通。



　　剛開始與Re-lab接觸才發現，他們的組成是一群很神奇的平衡，他們的背景不是正統學設計出身，但卻對設計充滿熱情，一個很愛聽故事、也很有說服力及邏輯性的故事家，一個很愛做研究常常都可以提出更好解決方式的研究學者，一個很能將不同領域、不同種類的文字資訊用像藝術書一樣的完美畫面呈現出來的創造者。



　　透過Re-lab，我們說出了一個急重症醫生對於未來醫院設計的理念及期待，說出了健康觀念的建立與預防醫學的連結性。Re-lab更從自身出發，去發掘一些值得探討的議題，找出了一些我們直覺不會去思考的面向，從社會意識、財經觀念、醫療資訊到台灣特色產物，所有認為該做的、必須做的，用他們的角度說給大家聽，經過他們的觀察、分析、轉換、提升與佐證，將原本複雜艱深的資訊，說出讓人理解的故事，也帶出了資訊背後最重要的價值理念，讓大家可以用不同觀點來瞭解問題，思考自己的答案，這就是Re-lab！一群有讓世界變得有條理、有價值的故事家！



推薦序2



資訊視覺化，現代行銷的新能力

世紀奧美公關創辦人 丁菱娟



　　說來好玩，認識Re-lab新創公司的劉又瑄是透過一位大陸新創創業家介紹的，當這位大陸人跟我說台灣有一個團隊非常優秀，可以將很多複雜的資訊視覺化，當下我一聽就說我要見這個團隊。因為這時代太缺乏具有設計思維又兼具備創意說故事的人才了。

?

? ? ? ? 這是一個資訊爆炸和氾濫的時代，在我工作的經驗當中，每個產業都需要溝通，說服他人，做簡報，但大部分的會議和簡報都令人昏昏欲睡，其中最缺乏的就是從消費者的角度出發，將複雜的資訊可以用圖表或是視覺化表現，令消費者一目了然。在市場上我們一直在尋找這樣的設計思維的人，可惜僧多粥少。

?

　　然而將資訊設計成為故事的過程當中需要理性和感性的結合，需要有資訊解構的能力，分析歸納的邏輯能力，更要有想像創意的能力，也要有視覺設計的能力。通常有創意的人比較缺乏邏輯，然而邏輯性強的人又大多缺乏想像力。這中間就需要理性、感性兼具，具備設計思維的人，打破以前傳統，用消費者的思維來溝通，才能達到溝通的目的，事半功倍。這樣困難的事情，Re-lab做到了。

?

　　有時候我實在納悶，為什麼不能有一種方法可以將報稅流程或是統計資訊，或是我們每日碰到的作業流程，簡單又有效的讓我們一看就懂，原來大部分的人都是線性思考，文字思考的，缺乏想像的能力。然而Re-lab提供了這樣的有效方式。

?

　　圖像化思考，是一種表達方式的精進，不僅節省溝通時間，也是增加作業效率。是商業上的簡報、演講，報告，行銷，都需要的工具和思考，讓說服與溝通變得更容易。政府部門尤其在政策宣導和教育上，若能捨棄傳統的方式，運用圖表或視覺的表現讓民眾了解政策和政績，我想不僅會更事半功倍，更會讓民眾覺得有親和力。

?

　　在視覺上，影片當然是溝通最直接的刺激，但是畢竟影片成本較高，文字又太冗長，我認為視覺化資訊視覺化的表現方式是CP值最高的一種表達方式，最適合在網路社群年代傳播。

?

　　現代的領導人、管理者、行銷人都需要了解甚至學會這樣的技巧，讓傳達的資訊簡單明瞭，有力量。本書共有六位資訊圖表創作者，無私的分享資訊圖表畫及視覺開發的方式，讓我們一窺資訊圖像化的流程與設計思維方式，這真是每一位行銷人或領導者的必備參考書。



前言



WHAT IS INFOGRAPHIC?

什麼是資訊圖表？



　　「我們家的產品雖然比別的品牌好，但是消費者通常不知道怎麼分辨產品的好壞，希望可以透過資訊圖表讓消費者更容易了解其中的差異。」



　　「健康醫療資訊雖然重要，但大部分的人平常都不關心，往往等到疾病發生了才發現不得其門而入。」



　　我們發現資訊暴增的時代，反而讓資訊和人們的距離愈來愈遠了。



　　Re-lab的故事要從2011年的六個大學生說起，和大部分大學生一樣，我們發現在學校的生活中，幾乎都在學習「重要」、但卻難以「傳遞」的東西。



　　「如何把難以理解的數據、理論、流程變得一目瞭然？如何把讓人抗拒的文字、無法溝通的立場變得更友善？」



　　很快地我們就發現自己並不孤單，有不少其他國家的資訊傳遞者也有同樣的想法：有人透過清楚的圖表和有趣的圖像來傳遞生硬的資訊，有人用精彩的動畫來說明複雜的理論，也有人用互動式的網頁循序漸進地呈現大量的訊息??有趣的是，這些呈現資訊的方式，都不約而同地運用了「說故事」和「視覺化」這兩種迷人的方法，而「資訊圖表（infographic）」正是將這兩種方法匯聚於一身的產物，同時也是上述各種呈現方式的發展基礎。



　　如果看到這裡你還是不知道什麼是「資訊圖表」，先別急，因為接下來整本書中會有讓你看不完的資訊圖表作品，在這裡想先談談——「資訊圖表」這兩年在台灣已經愈來愈廣泛被運用於媒體、社會議題的討論和各種知識的推廣，為什麼Re-lab還想要出書呢？



　　因為資訊圖表的潛力遠不止於此。



　　不知不覺，Re-lab已經做了上百個作品，我們很幸運，一路走來總有許多客戶主動洽談合作，規模大如台積電、Yahoo!奇摩等企業，也有其他公益或非營利組織，他們將生硬、複雜或無趣的資訊託付給我們，讓團隊賦予這些資訊新生命。



　　在此過程中，我們愈做愈看見資訊圖表的運用，在廣度與深度上有更多努力的空間。資訊圖表在許多重要、且有影響力的領域還不夠普及，就拿我們最在意的「教育」來說，儘管「圖像式思考（註一）」對於學習的幫助已廣為人知，但大部分的教學方式和教材還是害怕改變；又如「政府的各式文宣」，多少人民的重要權益都仰賴這些資訊的傳遞效果，現在愈來愈多公部門的機關單位願意站在民眾的角度思考，但多數還是有心無力，因為不了解資訊設計，所以不得其門而入。更不用提複雜的醫療健康、保險資訊、日趨複雜的跨領域社會議題等。我們期待更多領域的專業了解資訊圖表對於溝通的助益，希望看到更多有價值的資訊被需要的人理解。



　　資訊圖表應用的深度對我們來說也是一大挑戰，想要讓溝通對象透過資訊圖表更容易理解生硬的資訊前，首先，資訊圖表的製作者本身要能更深入了解想要傳遞的資訊和溝通對象，並且同時思考如何運用視覺化的方法增進理解的效率，不然資訊圖表只會淪於增加視覺吸引力的手段；另一方面，光是單向地運用資訊圖表來傳遞資訊還不夠，若不能夠理解溝通對象，便無法從使用者的角度出發思考資訊對他們的影響，更不用說能創造雙向的交流。



　　相信看到這裡，你已經發現，資訊圖表的製作能力絕對不限於單一領域，需要有邏輯地研究資訊、客觀地研究溝通對象、編排資訊的呈現順序、嘗試適合的視覺化方法，也需要一點視覺設計的基礎和美感??但別擔心！並不是要具備所有上述的能力才能製作出出色的資訊圖表，相反的，最重要的其實是學習相關的概念和方法，一旦知道自己的能力和限制，就可以評估適合自己的做法，並適當地透過輔助工具和開放資源來完成，更別提與專業團隊合作，亦能激盪出更多有趣的想法和更完善的呈現方式。



　　綜上所述，本書除了公開Re-lab的資訊圖表製作流程，我們也決定透過一個個實際的案例分享，讓大家更直接地體會Re-lab在每一個專案中，如何學習增進資訊圖表應用的廣度與深度、如何運用設計的思維來解決不同資訊設計的難題。每一次的合作對我們來說都是學習，也讓我們瞭解到「溝通」的困難與美好，很感謝每一位合作夥伴給我們學習的機會，也希望這本書除了分享資訊圖表製作的技巧，也能帶給大家關於「溝通」的靈感。